<template>
  <div>
    <HeaderIndex :title="obj.nm" :showTwo="false"></HeaderIndex>
    <div class="bian">
      <div class="tp"><img :src="obj.img "/></div>
      <div class="wz">
        <h2>{{obj.nm}}</h2>
        <ul>
          <li>RAGING FIRE</li>
          <li id="jiu">{{obj.sc}}</li>
          <li>(46.6万人评)</li>
          <li>动作，犯罪</li>
          <li>中国香港，中国大陆/128分钟</li>
          <li>2021-07-30 08:00中国大陆上映</li>
          <li>{{obj.rt}}</li>
        </ul>
      </div>
      <div>
        <span class="yjt">&gt;</span>
      </div>
    </div>
  </div>
</template>
<script>
import getLink from "@/api/getLink.js";
export default {
  data() {
    return {
      obj: {
      },
    };
  },

  mounted() {
    getLink("/apidl/movie/ry").then((res) => {
     this.obj= res.data.find(_=>_.id==this.$route.query.sd)
    });
  },
  methods: {
    fun(){
      this.$router.push({path:"/xiangqing",query:{sd:this.$route.query.sd}})
    }
  },
};
</script>
<style>
.dao {
  background-color: red;
  width: 100%;
  height: 0.9rem;
  font-weight: 900;
  color: white;
  line-height: 0.9rem;
}
.zjt {
  font-size: 0.45rem;
  float: left;
  font-family: "黑体";
  text-indent: 0.2rem;
}
.nh {
  font-size: 0.45rem;
  text-align: center;
}
.bian {
  background-color: #3f3e3f;
  width: 100%;
  height: 4rem;
  display: flex;
  line-height: 0.41rem;
}
.tp img {
  width: 2rem;
  margin-top: 0.5rem;
  padding-left: 0.3rem;
}
.wz {
  color: white;
  padding-left: 0.3rem;
  margin-top: 0.5rem;
  text-indent: 0.04rem;
  height: 3rem;
  line-height: 0.5rem;
}
.wz h2 {
  font-size: 0.35rem;
  font-weight: bold;
}
.wz ul {
  color: hsl(0, 17%, 91%);
}
.wz #jiu {
  font-size: 0.4rem;
  float: left;
  color: orange;
  font-weight: bold;
}
.yjt {
  color: gray;
  font-size: 0.45rem;
  float: right;
  font-family: "黑体";
  text-indent: 0.2rem;
  padding-left: 0.2rem;
  margin-top: 1.6rem;
  font-weight: bold;
}
</style>